import icon_warning_round from '@/assets/icons/icon-warning-round.png'
import styled from 'styled-components'

const BoxDiv = styled.div`
  display: flex;
  align-items: center;
  img {
    width: 14px;
    height: 14px;
    margin-right: 8px;
  }
  > span {
    font-weight: 600;
    font-size: 13px;
    color: #e64a00;
  }
`
type TitleProps = {
  title: string
}
const WarningTitle = (props: TitleProps) => {
  return (
    <BoxDiv>
      <img src={icon_warning_round} alt="warn" />
      <span>{props.title}</span>
    </BoxDiv>
  )
}
export default WarningTitle
